<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title></title>
    <link rel="stylesheet" type="text/css" href="./css/api.css" />
    <link rel="stylesheet" type="text/css" href="./css/aui.css" />
    <link rel="stylesheet" type="text/css" href="./css/iconfont.css" />
    <style type="text/css">
        html,
        body {
            height: 100%;
        }

        .header {
            background-image: url(./image/topbg.png) ;
            color: #fff;
            padding-top: 30px;
            background-repeat: no-repeat;
            background-position: top center;
            background-size: 100% 100%;
            /*border-bottom: solid 1px #F0F0F0;*/
        }

        .aui-bar-nav a {
            color: #fff;
        }

        .aui-bar-nav .aui-btn {
            color: #fff;
            font-size: 0.9rem;
            padding-top: 5px;
        }

        .iconfont {
            font-size: 1.4rem;
        }

        .aui-bar-tab {
            border-top: solid 1px #ccc;
        }

        .aui-searchbar-input {
            position: absolute;
            margin-top: 0.4rem;
            border: solid 1px #fff;
            background-color: #fff;
            border-radius: 50px;
            width: 82%;
            left: 0.4rem;
            height: 1.6rem;
            line-height: 1.6rem;
            /*right: 2rem;*/
        }

        .aui-searchbar-input input {
            height: 1.6rem;
            line-height: 1.6rem;
            color: #000;
        }

        .aui-searchbar-input input::placeholder {
            color: #ccc;
        }

        .iconfont.icon-door_bashou {
            font-size: 0.8rem;
            color: #ffc107;
        }
        .icongouwuche3{
          position: relative;
        }
        .icongouwuche3 .aui-badge{
          position: absolute;
          top: 5px;
          margin-left: 0px;
        }
        .header.showheader{
            background-image: none!important;
            background: linear-gradient(to right,#ffb144,#ff9f20)!important;
            /* background:#ffb144!important; */
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <header class="aui-bar aui-bar-nav header" id="aui-header" v-bind:class="{'showheader':show_header}" >
            <div class="aui-btn aui-pull-left">
                <a tapmode v-if="show_room" v-on:click="openChooseXiao()">
                    <i class="icon iconfont icon-xunfangjilu" style="font-size: 0.8rem;color:#ffffff;margin-right: 5px;"></i> {{xiaoquname}}
                </a>
                <a tapmode v-if="show_setting" v-on:click="open_setting()">
                    <i class="icon iconfont icon-jinhangzhong" style="font-size: 1rem;color:#FF8040;margin-right: 5px;"></i>
                </a>
            </div>
            <div v-if="show_search" id="search" class="aui-searchbar-input aui-border-radius hidden">
                <input type="search" v-on:click="open_search()" placeholder="请输入商品名称" readonly="readonly" id="search-input">
            </div>
            <div v-if="show_title" class="aui-title titlebar">{{page_title}}</div>
            <div class="aui-btn aui-pull-right">
                <i v-if="show_search_icon" style="margin-right: 11px; font-size:1.2rem" v-on:click="open_search()" class="icon iconfont iconsousuo"></i>
                <i v-if="show_chat_icon" style="margin-right: 10px;" v-on:click="open_chat()" class="icon iconfont iconliaotian1"></i>
                <i v-if="show_cart_icon" v-on:click="open_cart()" class="icon iconfont icongouwuche3">
                  <div v-if="cartcount>0" class="aui-badge">{{cartcount}}</div>
                </i>
            </div>
        </header>
        <div id="main">
        </div>
    </div>
</body>
<script type="text/javascript" src="./script/api.js"></script>
<script type="text/javascript" src="./script/config.js"></script>
<script type="text/javascript" src="./script/common.js"></script>
<script type="text/javascript" src="./script/vue.js"></script>
<script type="text/javascript" src="./script/page/home_index.js"></script>

</html>
